<template lang="html">
  <div class="mine-before-head">
  	<div class="mine-portrait">
  		<img src="../../assets/img/mine_logo.png" alt="">
  	</div>
  	<div class="mine-uesrname">
  		路上一起走
  	</div>
  	<div class="mine-brief">
  		<p>简介：一起在路上</p>
  	</div>
  	<div class="mine-follow">
  		<ul>
  			<li>关注<span>12</span></li>
  			<li>粉丝<span>3</span></li>
  		</ul>
  	</div>
  </div>
</template>

<script>
	
	export default {
	  name:"MineBeforeHead",
	  data(){
	    return{
	    }
	  }
	}

</script>

<style lang="css" scoped>

.mine-before-head {
	box-sizing: border-box;
	background-color: #fff;
	padding: 1.25rem 0.2rem 0.91rem 0.2rem;
	text-align: center;
}
.mine-portrait {
	padding: 0 0 0.25rem 0;
}
.mine-portrait img {
	width: 1.45rem;
	vertical-align: top;
}
.mine-uesrname {
	font-size: 0.24rem;
	line-height: 0.46rem;
}
.mine-brief {
	font-size: 0.2rem;
	line-height: 0.39rem;
	padding: 0.26rem 0 0 0;
}
.mine-follow ul {
	padding: 0 1.59rem;
	overflow: hidden;
}
.mine-follow li {
	float: left;
	width: 50%;
	text-align: center;
	line-height: 0.44rem;
	font-size: 0.24rem;
	box-sizing: border-box;
}
.mine-follow li span {
	margin: 0 0 0 0.11rem;
}

</style>
